<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>同意注册协议</title>
</head>

<body>
    <textarea name="" id="" cols="30" rows="10">
        注册用户同意本协议的全部条款并完成注册程序，才能成为本系统的正式用户。请您仔细阅读本协议，您点击“同意”按钮后即表示完全接受本协议项下的全部条款。用户一旦注册，即视为用户确认自己具有享受本站服务的权利能力和行为能力，能够独立承担法律责任。在注册和使用本系统时，用户应了解相关法律法规，确知享有的权利和义务；应保证注册时提交的信息合法、真实、准确，并取得相应授权。注册用户向本系统提供的注册资料应当是真实、准确、完整、合法有效的，用户注册资料如有变动的，应及时更新。如用户提供的注册资料不合法、不真实、不准确、不详尽的，用户需承担因此引起的相应责任及后果。用户注册成功后，将产生用户名和密码等账户信息。用户可以根据本系统规定变更密码。用户应谨慎合理的保存、使用其用户名和密码。用户若发现任何非法使用用户账号或存在安全漏洞的情况，请立即通知我们。用户应当对以其用户名登录进行的所有活动和事件负法律责任。用户不得将在本系统注册获得的账户转让、出售或出借给他人使用，否则用户应承担由此产生的全部责任，并与实际使用人承担连带责任。用户同意，本系统拥有通过电子邮件、短信电话等形式，向注册用户和相关申请人发送和告知相关审核信息与结果的权利。该通知于发送之日视为已送达收件人。
    </textarea><br>
    <button>我已阅读霸王条款(10)</button>


    <script>
        // 获取dom标签元素
        const btn = document.querySelector('button');
        // 计时初始值
        let time = 10;
        // 禁用点击按钮
        btn.disabled = true;
        // 创建定时器
        const timeID = setInterval(() => {
            time--;
            // 修改按钮标签内容
            btn.innerHTML = `请仔细阅读霸王条款(${time})`;
            if (time <= -1) {
                // 解除按钮禁用
                btn.disabled = false;
                btn.innerHTML = '同意霸王条款';
            };
        }, 1000);
        // 创建按钮点击事件
        btn.addEventListener('click', function (e) {
            // 弹窗提示
            alert('恭喜你成为小黑子！');
        });
    </script>
</body>

</html>